/*******************************************************************************
general
*******************************************************************************/


* {
	font-size: 100%; /* without this font sizes are not inherited correctly */
}

body {
	font-family: Verdana;
	font-size: 9pt;
	margin: 0pt;
	color: #064377;
	background-color: #fff
}

body.darkbg {
	background-color: #266397;
}

body.addmargin {
	margin: 5pt;
}

table, tr, td {
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: collapse; /* border-spacing should be enough, but added for IE compatibility */
	padding: 0px;
}

th {
	text-align: left;
	font-weight: bold;
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: collapse; /* border-spacing should be enough, but added for IE compatibility */
}

img {
	border-width: 0px;
}

h1 {
	font-size: 110%;
	font-weight: bold;
}

h2 {
	font-size: 110%;
	font-weight: normal;
}

a {
	color: #064377;
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

.centered {
	text-align: center;
}

.emphasize {
	font-size: 10pt;
	color: #008080;
	color: teal;
	font-style: italic;
	font-weight: bolder;
}


/*******************************************************************************
toolbar
*******************************************************************************/

#im_toolbar {
	background: #064377;
	padding: 0;
	border-bottom: 1px solid #ffffff;

           text-align: left;
	padding: 0;
	margin: 0;		
}

/*#nav1{
margin-top: 1em;
margin-bottom: 0.5em;
}
*/
#im_toolbar ul {

        /*background-color: silver;*/

        padding:1px 0px 3px;        
        margin: 0px;

        border-bottom: 1px solid gray;        
}

#im_toolbar li {
        padding: 2px 0px 3px 0px;
        list-style-type: none;
        border-left: 1px solid #fff;
        display: inline;
        text-align: center;
}


.aoi          #im_toolbar li#im_tool_aoi         a,
.zoomin    #im_toolbar li#im_tool_zoomin  a,
.zoomout  #im_toolbar li#im_tool_zoomout a,
.pan         #im_toolbar li#im_tool_pan        a,
.identify    #im_toolbar li#im_tool_identify   a 
{
	background: yellow;
	color: #266397;
	cursor: default;
}

li#im_tool_fullextent a {
	color: white;
	border-left: 0;
}

li#im_tool_reset a {
	background: red;
	color: white;
	border-right: 1px solid #fff;
}

.im_tool  a {
/*	display: block;*/
	padding: 4px 4px 3px 4px;
	background: #999;
	font-size: 10px;
	text-align: center;
	color: white;
	font-weight: bold;
	text-decoration: none;
}

.im_tool img {
/*	display: block;*/
	padding: 4px 4px 3px 4px;
	background: #999;
	text-align: center;
	vertical-align: middle;
}

.im_tool button:hover {
	background: #005D9F;
}

.im_tool img:hover {
	background: #005D9F;
}




/*******************************************************************************
layers frame
*******************************************************************************/

td.even {
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #266397;
	background-color: #fff;
	padding: 3px;
}

td.odd {
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #266397;
	background-color: #e7edf5;
	padding: 3px;
}

.map_name {
	font-size: 10pt;
	color: #008080;
}

.error_link {
	color: #f00;
	font-size: 8pt;
}

.im_layer_tool {
	font-size: 8pt;
}

.transp_menu {
	font-size: 8pt;
}

.layer_name {
	font-size: 8pt;
}

#im_layersHeader {
	width: 223px;
	border-collapse: collapse;
	border-spacing: 0;
}

#im_layersHeader h3 {
	text-align: center;
	color: #666;
}

#im_refresh {
	width: 236px;
}

#im_refresh tr td {
	text-align: center;
	padding-top: 20px;
}

#im_refresh button {
	font-family: Verdana;
	font-size: 9pt;
	color: #000;
	max-width: 400px;
	cursor: pointer;
	border: 1px solid #266397;
	background: #fff;
}

#im_refresh button.im_refresh {
	color: #fff;
	border: 1px solid #266397;
	background: #f00;
}

#im_refresh button.im_disabled {
	color: #fff;
	border: 1px solid #266397;
	background: #ccc;
	cursor: default;
}

/*******************************************************************************
service list
*******************************************************************************/

li.im_layer_group {
	color: #555;
}


td.im_featuresCount {
	background-color: #fff;
	padding: 6px;
	padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
}

td.im_identify_first {
	background-color: #eee;
	border-style: solid;
	border-color: #666;
	border-top-width: 2;
	border-bottom-width: 1;
	padding: 4px;
}

table.im_identify {
	border-width: 0;
	margin: 7px;
	border-collapse: collapse;
	width: 400px;
}

td.im_identify_1 {
	background-color: #c0d2f5;
	border-style: solid;
	border-color: #666;
	border-bottom-width: 1;
	padding: 4px;
}

td.im_identify_2 {
	background-color: #eee;
	border-style: solid;
	border-color: #666;
	border-bottom-width: 1;
	padding: 4px;
}

td.im_identify_1_last {
	background-color: #c0d2f5;
	border-style: solid;
	border-color: #666666;
	border-bottom-width: 2;
	padding: 4px;
}

td.im_identify_2_last {
	background-color: #eee;
	border-style: solid;
	border-color: #666666;
	border-bottom-width: 2;
	padding: 4px;
}

ul {
	list-style-image: url(images/list_arrow.gif);
	list-style-type: circle;
}

table.im_identify a {
	font-weight: bold;
	color: #ec6600;
}

#im_info {
	vertical-align: middle;
	border-width: 0;
}


/*******************************************************************************
banner
*******************************************************************************/

tr.im_banner {
	/* moved to td, since IE does not accept it
	border-bottom: 1px solid #ffffff;
	*/
}

td.im_banner {
	background-image: url('images/blue-stripes.gif');
	border-bottom: 1px solid #ffffff; /* moved here from tr since IE accepts it only here */
}

td.im_banner-menu {
	background: #064377;
	padding: 0;
	border-bottom: 1px solid #ffffff; /* moved here from tr since IE accepts it only here */
}







td.padded-content {
	background: #e7edf5;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
}

td.dots {
	height: 4px;
	width: 4px;
	background-image: url('images/dot.gif');
}

th.padded, td.padded {
	padding: 2px;
}

input.content, select.content, textarea.content {
	font-family: Verdana;
	font-size: 9pt;
	color: #064377;
	max-width: 400px;
	border: 1px solid #266397; /* moved here from tr since IE accepts it only here */
}

button.content {
	font-family: Verdana;
	font-size: 9pt;
	color: #064377;
	max-width: 400px;
/*	cursor: hand; */
	cursor: pointer;
	border: 1px solid #266397; /* moved here from tr since IE accepts it only here */
}

span#im_layers,
div#im_layers {
	position: absolute;
	left: 0;
	top: 88px;
	background-color: #eee;
	width: 236px;
}

div#im_map {
	position: absolute;
	left: 240px;
	top: 93px;
	z-index: 100;
	overflow: hidden;
	cursor: crosshair;
	border-style: solid;
	border-width: 1px;
	width: 300px;
}

span#im_resizeBar,
div#im_resizeBar {
	position: absolute;
	left: 236px;
	top: 88px;
	background-color: #888;
	width: 5px;
	cursor: e-resize; /* etj: was "move" */
	z-index: 2000;
}

span#im_layers ul, 
div#im_layers ul{
	list-style-image: none;
	list-style-type: none;
	background-color: #fff;
	padding: 0px;
	margin: 0px;
}

span#im_layers li,
div#im_layers li {
	font-weight: bold;
	padding: 5px;
	border-style: solid;
	border-color: #aaa;
	border-width: 1px 0 1px 0;
	cursor: move;
}

/*
div.handle {
	position: relative;
	cursor: move;
	
	width: 20px;
	height: 40px;
	background-color: #cef;
}
*/


div#im_layers li.im_activeLayer{
	background-color: #ccf;
	border-style: solid;
}


div#im_layers img {
	margin-right: 5px;
	cursor: default;
	float: right;
}

div#im_inspector {
	z-index: 1000;
	position: absolute;
	width: 236px;
	height: 150px;
	bottom: 21px;
	left: 0;
	background: #ddf;
	border-style: solid;
	border-width: 2px 0 0 0;
	border-color: #888;
}

div#im_addLayers {
	z-index: 1001;
	background: #bbf;
	border-style: solid;
	border-width: 1px;
	border-color: 999;
	visibility: hidden;
	position: absolute;
}

div#im_addLayers.im_visible {
	visibility: visible;
}

div#im_zoombox {
	position: absolute;
	border-style: dashed;
	border-color: red;
	border-width: 1px;
	z-index: 3000;
	cursor: crosshair;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
}

div#im_layersToolbar {
	position: absolute;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #888;
	background-color: #ccc;
	bottom: 0;
	left: 0;
	width: 236px;
	height: 20px;
}

div#im_transparencySlider {
	position: relative;
	width: 100px;
	background-color: #aaa;
	height: 10px;
	left: 10px;
	top: 10px;
	font-size: 0px;
}

div#im_transparencyHandle {
	width: 5px;
	height: 10px;
	background-color: #00f;
}

div#im_transparencyValue {
	position: relative;
	width: 30px;
	background-color: #aaf;
	height: 20px;
	left: 120px;
	top: 0px;
}

div#im_pleaseWait
{
	width: 100%;
	height: 400px;
	border-style: none;
	color: #555;
	font-size: 20pt;
	text-align: center;
	position:  absolute;
	top: 100px;
	visibility: hidden;
	z-index: 33000;
}

/*
img#mapImg
{
	z-index: 5000;
	position: absolute;
}

div#scale
{
	z-index: 5001;
}
*/

#im_mapImg {
	left: 0;
	top: 0px; 
	z-index: 1;
	visibility: visible;
/*	position: absolute;*/
}

#im_scale {
	position: absolute;
	left: 5px;
	bottom: 0;
	z-index: 10;
	visibility: visible;
}

div#aoi {
	position: absolute;
	z-index: 21000;
	cursor: crosshair;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	overflow: hidden;
	cursor: move;
	font-size: 0px;
}

div#im_hideMask {
	background: #000;
	position: absolute;
	z-index: 20000;
	border-width: 0;
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}

img#im_ghostImg {
	position: absolute;
	background: #fff;
}

img.im_resizeDot {
	top: -20px;
	left: -20px;
	position: absolute;
	cursor: default;
	z-index: 22000;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
}

div.im_transparentDrag {
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	top: -20px;
	left: -20px;
	width: 7px; /* same as dot img */
	height: 7px; /* same as dot img */
	position: absolute;
	cursor: default;
	border-width: 0;
	/*
	border-color: #666;
	border-style: dashed;
	*/
	z-index: 22001;
	background-image: url('images/transparent-dot.gif');
}

div#im_geonetRecords.im_hidden {
	visibility: hidden;
}	

div#im_geonetRecords {
	position: absolute;
	right: 0;
	top: 100px;
	height: 400px;
	width: 300px;
	background-color: #ddf;
	padding: 30px 10px;
	z-index: 23001;
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	overflow: auto;
}

div#im_geonetRecords.opaque {
	visibility: visible;
	opacity: .9;
	filter: alpha(opacity=90);
	-moz-opacity: .9;
}	
